<template>
    <van-tabbar v-model="active" route>
        <van-tabbar-item v-for="(item,index) in tabs" :key="index" :icon="item.icon" :to="item.to">{{item.name}}</van-tabbar-item>
    </van-tabbar>
</template>

<script>
export default {
    data(){
        return {
            active:0,
            tabs:[
            {
                icon:'home-o',
                name:'首页',
                to:'/index/home'
            },
            {
                icon:'search',
                name:'爆爆团',
                to:'/index/tuan'
            },
            {
                icon:'friends-o',
                name:'订单',
                to:'/index/order'
            },
            {
                icon:'setting-o',
                name:'我的',
                to:'/index/mine'
            },
            ]
        }
    }
        
}
</script>

<style>

</style>